<DOCTYPE HTML>
<html lang = "en">
  <title>I'm Feeling Hungry</title>
  <head>
  <style type = "text/css">
  body {
      background-color: #F0F0F0;
      }
  #wd-navbar {
         position: absolute;
         top: 0;
         left: 0;
         border-bottom: 2px solid black;
         background: #0CF;
       }
       #wd-navbar li {
         float: left;
       }
       #wd-navbar ul {
         list-style: none;
         padding: 0;
         margin: 0;
       }
       #wd-navbar li li {
         float: none;
       }
       #wd-navbar ul ul {
         visibility: hidden;
         position: absolute;
       }
       #wd-navbar li:hover ul {
         visibility: visible;
         border-bottom: 2px solid pink;
         background: #9ff;
       }
       #wd-navbar a {
         display: block;
         padding: 15px;
         border 1px solid #eee;
         color: #303;
       }
       #wd-navbar a:hover {
         background: #c6f;
       }
  </style>
  </head>
  
  <body>
  
  <font face = "calibri">
  <div id="wd-navbar">
      <ul>
        <li>
          <a href="/">Home</a>
        </li>        
        <li>
          <a href="/B">Breakfast </a>
          <ul>
            <li>Beta</li>
            <li>Big Table</li>
            <li>Cafe 150</li>
            <li>Charlie's</li>
            <li>Cocina Latina</li>
            <li>Crave</li>
            <li>Evolution</li>
            <li>Go!</li>
            <li>Jia</li>
            <li>Long Life</li>
            <li>Lunch Box</li>
            <li>Moma</li>
            <li>No Name</li>
            <li>Nourish</li>
            <li>Plymouth</li>
            <li>PIC</li>
            <li>Refuel</li>
            <li>Steam</li>
            <li>Stock Market</li>
            <li>The Alley</li>
            <li>Victoria's Deli</li>
          </ul>
        </li>
        <li>
          <a href="/L">Lunch</a>
          <ul>
            <li>American Table</li>
            <li>Beta</li>
            <li>Big Table</li>
            <li>Cafe 150</li>
            <li>Charlie's</li>
            <li>Cocina Latina</li>
            <li>Crave</li>
            <li>Evolution</li>
            <li>Go!</li>
            <li>Jia</li>
            <li>Long Life</li>
            <li>Lunch Box</li>
            <li>Moma</li>
            <li>No Name</li>
            <li>Nourish</li>
            <li>Plymouth</li>
            <li>PIC</li>
            <li>Refuel</li>
            <li>Slice</li
            <li>Steam</li>
            <li>Stock Market</li>
            <li>The Alley</li>
            <li>Victoria's Deli</li>
          </ul>
        </li>
        <li>
          <a href="/D">Dinner</a>
          <ul>
            <li>Charlie's</li>
            <li>Crave</li>
            <li>Go!</li>
            <li>Moma</li>
            <li>No Name</li>
            <li>Nourish</li>
            <li>PIC</li>
          </ul>
        </li>
      </ul>
    </div>
  </body>
  
  <h1><font face = "Calibri">
  this is a placeholder.
  <div>
  I'm Feeling Hungry! 
  </div>
  </h1>
  
  <p>
  Have you ever been hungry at Googleplex but you just can't 
  choose where you want to eat? Our app is here to help YOU. With the 
  "I'm feeling Hungry" app you are just a few clicks away from your
  dream meal! The app is tailored to help you find
  the perfect google cafe for all meal and location preferences. And the best part
  is that once you have been matched to your ideal cafe you are sent
  directly to that cafe's online menu!
  </p>
  
  <center>
  <img src= "image.jpg" alt="Charlie's Cafe"/>
  <div>
  Eat at your favorites like Charlie's Cafe!
  </div>
  </center>
  
  <h2>Special App Features</h2>
  <ul>
    <li>Guaranteed cafe match for every app user</li>
    <li>Direct link to your ideal cafe's menu for every meal</li>
    <li>Convenient vegetarian options</li>
    <li>Useful cafe location feature in case your pressed for time</li>
    <li>Attractive touch screen buttons</li>
    <li>Surprise Feature for a Random Choice!</li>
  </ul>  
  </body> 
  </html>
